<?php
$script = <<<SCRIPT
    
SCRIPT;
?>

<style>
#user_sel{
    font-size:0.7em;
    color:#000000;
}
#user_sel li{
   margin-top:5px;
}

</style>

<script>
$(document).ready(function(){ 
    $("#dialog").dialog({ title: '<?=ucfirst($this->actionName) .' '.ucfirst($this->controllerName)?> ' });
    $("#accesos-label").next().children().wrapAll('<div style="height:180px;overflow:scroll;font-size:0.7em"/>')    
        
    
    $("#ajax_form select[name=id_zona]").change(function () {
        var id_zona=$(this).val();
        if(id_zona) {
            $("#ajax_form input[name=ubicacion]").attr('disabled', true).val('');
        } else{
            $("#ajax_form input[name=ubicacion]").attr('disabled', false);
        } 
    })
    
    
    
    $("#ajax_form input[name=racks]").keyup(function () {
        n_rack=$("#ajax_form input[name=racks]").val();
        numerico(n_rack)
        n_rack=$("#ajax_form input[name=racks]").val();
        $superficie=Math.ceil(n_rack*3);
        $("#ajax_form input[name=superficie]").val($superficie);
        $("#ajax_form input[name=potencia]").val(500*$superficie/1000);              
    })
    
   
    
    $("#ajax_form select[name=id_zona]").change(function () {
        $id_zona=$("#ajax_form select[name=id_zona]").val();
         <?foreach($this->acceso_predefinido as $v):?>
            <?foreach($v as $k):?>
                $("#accesos-<?=$k?>").attr("checked", false);
            <?endforeach?>
        <?endforeach?>
    
        if($id_zona==1){
            <?foreach($this->acceso_predefinido[1] as $v):?>
                $("#accesos-<?=$v?>").attr("checked", true);
            <?endforeach?>
        }else if($id_zona==2){
          <?foreach($this->acceso_predefinido[2] as $v):?>
                $("#accesos-<?=$v?>").attr("checked", true);
            <?endforeach?>
        }else if($id_zona==3){
           <?foreach($this->acceso_predefinido[3] as $v):?>
                $("#accesos-<?=$v?>").attr("checked", true);
           <?endforeach?>
        }else if($id_zona==4){
           <?foreach($this->acceso_predefinido[4] as $v):?>
                $("#accesos-<?=$v?>").attr("checked", true);
           <?endforeach?>
        }else if($id_zona==6){
           <?foreach($this->acceso_predefinido[1] as $v):?>
                $("#accesos-<?=$v?>").attr("checked", true);
            <?endforeach?>
        }
        userss();
                
	})
    $('#accesos-label').append('<div><ul id="user_sel"><li></li></ul></div>')
    
    userss();
    
    $('input[name="accesos[]"] ').change(function () {
        userss();
    })

})

function userss(){
        $("#user_sel").html('<li></li>');
        $('input:checked[name="accesos[]"] ').each(function(index) {
            $("#user_sel li:last").append("<li>"+$(this).parent().text()+"</li>");
        });
}




function numerico(value){
        value=value.replace(',','.');
        
	    $("#ajax_form input[name=racks]").val(value)
        
		var Template = /^[+|-]?\d*\.?\d*$/ //Formato de numero real con signo		
		if(!Template.test(value)) {
			alert('El campo rack solo puede contener valores numéricos')
			return false; 
		}

}
</script>

<style>

#<?=$this->id?> td.acceso{height:150px;overflow:scroll;font-size:0.7em}

.ui-dialog .atencion
{
    margin: 10px 0px;
}
</style>


<?php 
$this->form->setAction($this->url());


echo $this->form;
echo $this->msg('Si una oferta afecta a dos Datacenters es preferible abrir dos ofertas, en caso contrario cerciorese que añade a las personas necesarias, facilities, servicio eléctrico, servicio mmr stc.
','atencion');


echo $this->partial('form_js.phtml', 
    array(	
        'actionName'=>$this->actionName,
        'id'=>$this->id,
        'id_tablesorter'=>$this->id_tablesorter,
        'onready'=>$script,
        )
);


